html,
body{
	width: 100vw;
	margin: 0;
	overflow-x: hidden;
	background-color: #f4f4f4;
}

a{
	/* 去掉超链接的下划线 */
	text-decoration: none;
}

.fixed-padding-bottom{
	padding-bottom: 13.07vw;
}

/* -----------header---------- */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4.67vw 5.2vw 3.6vw 5.07vw;
	background-color: #fbfbfb;
}
.header .text{
	font-size: 4.8vw;
	color: #333333;
}

/* -------------轮播图--------- */
.swiper img{
	/* 让图片占满整个屏幕 */
	width: 100%;
}

/* ------------菜单------------- */
.menu-section{
	background-color: white;
}
.menu-section .menu-box{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 6.13vw 6.8vw 4.4vw;
}
.menu-section .item img{
	width: 8.8vw;
	height: 7.47vw;
}
.menu-section .item{
	/* 居中 */
	text-align: center;
}
.menu-section .item .text{
	font-size: 3.2vw;
	color: #333333;
	margin-top: 3.33vw;
}
.menu-section .banner{
	padding: 0 2.93vw 4vw 2.67vw;
}
.menu-section .banner img{
	/* 占父容器宽度的100% */
	width: 100%;
	/* ???? */
	border-radius: 8px;
}

/* section下面定义的是下面所有的section区域
	所共有的一些样式
 */
.section {
	margin-top: 2.67vw;
	background-color: white;
}
.section .item{
	/* 改变盒模型的计算方式，
	  width:50%;
	  padding： 2.2vw 3.4vw
	  width占50%是包含padding和border*/
	 box-sizing:border-box;
	 border-top: 0.27vw solid #f5f5f5;
	 border-right: 0.27vw solid #f5f5f5;
}
.section .title{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 4.93vw;
	padding-bottom: 4.53vw;
	/* 字体大小和颜色可以被子元素继承 */
	font-size: 3.73vw;
	color: #333333;
}
.section .title .line{
	padding: 0 2.53vw;
}
 /* --------------厂家直销------------- */
 .cbrl-section .list{
	 display: flex;
	 flex-wrap: wrap;
 } 
 .cbrl-section .list .item{
	 width: 50%;
	 padding: 4vw 2.93vw 3.47vw 3.33vw;
 }
 .cbrl-section .item a{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
 }
 .cbrl-section .item img{
	 width:22.53vw;
	 height: 21.6vw;
 }
 .cbrl-section .item .name{
	 font-size: 3.47vw;
	 color: #555555;
 }
 .cbrl-section .item .price{
 	 font-size: 3.73vw;
 	 color: #555555;
	 margin-top: 2.67vw;
 }
 
 /* -----------新品首发-------- */
 .news-section .list{
	 display: flex;
	flex-wrap: wrap;
 }
 .news-section .item{
	 width: 50%;
	 padding: 2.4vw 4vw 5.2vw 3.33vw;
 }
 .news-section .item img{
	 width: 42vw;
	 height: 36.67vw;
 }
 .news-section .item .name{
	 font-size: 3.47vw;
	 color: #555555;
 }
 .news-section .item .sale-point{
 	 font-size: 2.67vw;
 	 color: #999999;
	 margin-top: 2vw;
 }
 .news-section .item .price{
 	 font-size:3.47vw;
 	 color: #c55a5c;
	 margin-top: 4.53vw;
 }
 
 /* ---------热卖------------- */
 .sale-section .list{
	 display: flex;
	 flex-wrap: wrap;
 }
 .sale-section .list .item{
	 width: 33.3333%;
	 padding: 2.67vw 3.07vw 4.9vw 3.33vw;
 }
 .sale-section .list .item img{
	 width: 26.13vw;
	 height: 26.4vw;
 }
 .sale-section .list .item .name{
	 font-size: 3.47vw;
	 color: #555555;
 } 
.sale-section .list .item .price{
	 font-size: 3.47vw;
	 color: #c55a5c;
	 margin-top: 4.4vw;
 }
 
 /* -----------热卖的下面部分--------- */
 .hot-section{
	 display: flex;
 }
 .hot-section .left,
 .hot-section .right{
	/* width: 50%; */
	/* 代表分成两份 */
	flex: 1;
 }
.hot-section img{
	width: 100%;
}

/* ---------精选----------- */
.select-section .swiper-container{
	padding-left: 2.8vw;
	padding-bottom: 4.67vw;
}
.select-section .swiper-slide{
	width: 75%;
}
.select-section .swiper-slide img{
	width: 100%;
	border-radius: 8px;
}
.select-section .swiper-slide  .detail{
	padding: 3.33vw 2.4vw 0 2.67vw;
}
.select-section .swiper-slide .info{
	display: flex;
	justify-content: space-between;
}
.select-section .swiper-slide .detail .name{
	font-size: 3.73vw;
	color: #333333;
}
.select-section .swiper-slide .detail .price{
	font-size: 3.47vw;
	color: #c55a5c;
}
.select-section .swiper-slide .detail .discount{
	font-size: 3.2vw;
	color: #999999;
	margin-top: 2.13vw;
}
/* ------------底部菜单---------- */
.tab-menu-bottom{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	padding-top: 3.47vw;
	padding-bottom: 1.07vw;
	background-color: #fbfbfb;
	text-align: center;
}
.tab-menu-bottom .item img{
	width: 4.67vw;
	height: 4.4vw;
}
.tab-menu-bottom .item .text{
	font-size: 2.4vw;
	color: #555555;
}

/* 回到顶部 */
.jump-top{
	position: fixed;
	right: 2.8vw;
	bottom: 16.13vw;
	z-index: 99;
}
.jump-top img{
	width: 10vw;
	height: 10vw;
}